﻿<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>详情</title>
    <link href="../../lib/weui/weui.min.css" rel="stylesheet" />
    <link href="../../css/mobile/common/common.css" rel="stylesheet" />
    <link href="../../css/mobile/common/animate.min.css" rel="stylesheet" />
    <link href="../../css/mobile/fonts/iconfont.css" rel="stylesheet" />

    <link href="../../css/mobile/theme/detail.css" rel="stylesheet" />
    <link href="../../css/mobile/theme/price-calendar.css" rel="stylesheet" />

    <script src="../../lib/jquery/jquery.min.js"></script>
    <script src="../../js/mobile/theme/common.js"></script>

    <script src="../../js/mobile/common/calendar/Yui.js"></script>
    <script src="../../js/mobile/theme/calendar.js"></script>
    <script src="../../js/mobile/theme/direction.js"></script>
    <script src="../../js/mobile/theme/jquery.charLetter.js"></script>
    <script src="../../js/mobile/theme/sort.js"></script>

</head>
<body>
    <div class="top detail-top">
        <a href="index.html" class="back"><i class="icon iconfont icon-ttpodicon"></i>返回</a>
        <span class="top-title">详情</span>
        <span class=" icon iconfont icon-more"></span>
        <div class="more-box">
            <span><i class="icon iconfont icon-collect"></i>收藏</span>
            <span><i class="icon iconfont icon-share"></i>分享到朋友圈</span>
            <span><i class="icon iconfont icon-link"></i>复制链接</span>
        </div>
    </div>
    <div class="tab-btn" id="tabBtn">
        <ul>
            <li>产品介绍</li>
            <li>费用说明</li>
            <li>相关推荐</li>
        </ul>
        <div class="clear-fix"></div>
    </div>

    <div class="content" id="scrollContent">
        <div class="scroller-up" id="upWrapper">
            <div class="detail-content">
                <div class="detail-intro">
                    <div class="detImg-show">
                        <img src="../../images/mobile/theme/index-img.jpg" />
                        <div class="detImg-left"><span class="local"><i class="icon iconfont icon-des"></i>斯里兰卡</span><span class="out-date">多日游</span><span class="date-id">ID656564</span></div>
                    </div>

                    <div class="detImg-next">
                        <p class="detImg-brief">斯里兰卡9日8晚VIP行程(全程中文导游+可定制行程+赠接送机+可跟定拍)</p>
                        <p class="imgBrief-tag"><span>经典行程路线</span><span>中文导游一对一</span><span>赠接送机</span></p>
                        <p class="imgBrief-bot"><span class="sign">￥</span><b>4950</b><span>起/人</span></p>
                    </div>
                </div>

                <div class="detail-check">
                    <div class="bgBlue-check">
                        <a href="#"><span class="activity-tit">优惠活动</span><span>立减优惠</span><span>返券优惠</span><span>点评返现</span><span>立减优惠</span><span>立减优惠</span></a>
                        <span class="check-right">查看详情<i class="icon iconfont icon-rightgo"></i></span>
                    </div>
                    <div class="borBlue-check">
                        <a href="#"><span class="activity-tit">领券活动</span><span>20元券</span><span>50元券</span><span>100元券</span></a>
                        <span class="check-right">查看详情<i class="icon iconfont icon-rightgo"></i></span>
                    </div>
                </div>

                <div class="letter-calendar">
                    <div class="letterIndex-skip">
                        <span>出发城市：</span><span class="depart-one">广州</span><span class="city-choice">25个可选城市<i class="icon iconfont icon-rightgo"></i></span>
                    </div>

                    <div class="calendar-skip">
                        <p><span>出发日期</span><span class="skipDiv-top">以下价格均为起价</span></p>
                        <div>
                            <ul>
                                <li>
                                    <div><span>09/29</span><span>周四</span></div>
                                    <div class="calTag-bot">￥5888</div>
                                </li>
                                <li>
                                    <div><span>1/-01</span><span>周三</span></div>
                                    <div class="calTag-bot">￥6888</div>
                                </li>
                                <li>
                                    <div><span>10/29</span><span>周日</span></div>
                                    <div class="calTag-bot">￥5008</div>
                                </li>
                                <li>
                                    <div><span>09/08</span><span>周五</span></div>
                                    <div class="calTag-bot">￥5208</div>
                                </li>
                            </ul>
                        </div>
                        <i class="icon iconfont icon-rightgo"></i>
                        <div class="clear-fix"></div>
                    </div>
                </div>

                <div class="drag-more">
                    <div></div>
                    <p>继续拖动，查看产品详情</p>
                </div>
                <!--<div class="clear-fix" style="height:38px"></div>-->
            </div>
            <div class="pull" id="pullup"><span class="icon iconfont icon-xpage"></span><span class="pull-tips">上拉更多</span></div>
        </div>
        <div class="scroller" id="downWrapper">
            <div class="pull" id="pullDown"><span class="icon iconfont icon-spage"></span><span class="pull-tips">下拉首页</span></div>
            <div class="detail-classify">

                <div class="detail-tab" id="detailTab">
                    <div class="tab-content">

                        <div class="tab1 animated" id="tab1">
                            <h3><i></i>产品介绍</h3>
                            <div class="tab1-content">
                                <div class="tab1-classify1">
                                    <h4><i class="icon iconfont icon-dotl"></i>参考行程</h4>
                                    <div class="classify1-cont">
                                        <h5><span>01</span>初试兰卡</h5>
                                        <div class="classify1-detail">
                                            <i class="icon iconfont icon-go"></i>
                                            <p>接机-尼甘布(Negombo)-尼甘布海滩(Negombo Beach)</p>
                                            <div class="classify1-img">
                                                <p>机场距离尼甘布30分钟车程</p>
                                                <div><img src="../../images/mobile/theme/travel.jpg" /></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="classify1-cont">
                                        <h5><span>02</span>1890发现的古城</h5>
                                        <div class="classify1-detail">
                                            <i class="icon iconfont icon-go"></i>
                                            <p>大象孤儿院</p>
                                            <div class="classify1-img">
                                                <!--<p>机场距离尼甘布30分钟车程</p>-->
                                                <div><img src="../../images/mobile/theme/travel.jpg" /></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="classify1-cont">
                                        <h5><span>08</span>城堡全天自由活动</h5>
                                        <div class="classify1-detail">
                                            <i class="icon iconfont icon-go"></i>
                                            <p>推荐行程：加勒不仅拥有要塞环城气势，加勒不仅拥有要塞环城气势加勒不仅拥有要塞环城气势加勒不仅拥有要塞环城气势加勒不仅拥有要塞环城气势加勒不仅拥有要塞环城气势</p>
                                            <div class="classify1-img">
                                                <!--<p>机场距离尼甘布30分钟车程</p>-->
                                                <div><img src="../../images/mobile/theme/travel.jpg" /></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="check-more"><span>查看全部</span><i class="icon iconfont icon-down"></i></div>
                                </div>

                                <div class="tab1-classify2">
                                    <h4><i class="icon iconfont icon-dotl"></i>航班信息</h4>
                                    <p>此航班仅供参考，对应的航班时间为当地时间，低价折扣机票存在航班调整的可能，故最终以电子客票为准</p>
                                    <div>
                                        <div class="classify2-top"><span class="classify2-tl">往</span><span class="classify2-tm">第10天</span><span class="flight-arrive">斯里兰卡航空UL001</span></div>
                                        <div class="classify2-bot">
                                            <div>
                                                <span>06.35</span>
                                                <span>广州白云国际机场</span>
                                            </div>
                                            <div class="flight-btn"><i class="icon iconfont icon-flight"></i></div>
                                            <div>
                                                <span class="arrive-time">09.35</span>
                                                <span>科伦波国际机场</span>
                                            </div>
                                            <!--<div class="space"></div>-->
                                        </div>
                                    </div>
                                    <div class="clear-fix"></div>
                                </div>
                                <div class="tab1-classify3">
                                    <h4><i class="icon iconfont icon-dotl"></i>酒店安排</h4>
                                    <div class="classify3-cont">
                                        <div class="classify3-left"><img src="../../images/mobile/theme/hotel.jpg" /></div>
                                        <div class="classify3-right">
                                            <p>贝尔亚加科伦坡酒店</p>
                                            <span> Berjaya Hotel Colombo</span>
                                            <div><i class="icon iconfont icon-star"></i><i class="icon iconfont icon-star"></i><i class="icon iconfont icon-star"></i><i class="icon iconfont icon-star"></i><i class="icon iconfont icon-star no-star"></i></div>
                                            <span class="site-amply">36, College Avenue, Mount Lavinia, Sri Lanka</span>
                                        </div>
                                        <div class="clear-fix"></div>
                                    </div>
                                    <div class="classify3-bot">
                                        <p><span>酒店介绍</span>位置非常好，去沙滩很方便。周边 有中餐馆。酒店wifi不给力，火车影响睡眠。</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="tab2 animated" id="tab2">
                            <h3><i></i>费用说明</h3>
                            <div class="tab2-content">
                                <div>
                                    <h4><i></i>费用包含</h4>
                                    <div>
                                        <p>1.交通：往返机票含税费，往返旅游巴士</p>
                                        <p>2.住宿：斯里兰卡当地4星酒店标准2人间8晚 3.用餐：行程中团队标准用餐，具体以行程</p>
                                        <p>3.住宿：斯里兰卡当地4星酒店标准2人间8晚 3.用餐：行程中团队标准用餐，往返机票含税费，往返旅游巴士</p>
                                    </div>
                                </div>
                                <div>
                                    <h4><i></i>费用不包含</h4>
                                    <div>
                                        <p>1.交通：往返机票含税费，往返旅游巴士</p>
                                        <p>2.住宿：斯里兰卡当地4星酒店标准2人间8晚 3.用餐：行程中团队标准用餐，具体以行程</p>
                                        <p>3.住宿：斯里兰卡当地4星酒店标准2人间8晚 3.用餐：行程中团队标准用餐，往返机票含税费，往返旅游巴士</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="tab3 animated" id="tab3">
                            <h3><i></i>相关推荐</h3>
                            <div class="tab3-content list3-content">
                                <div class="list3-imgTop">
                                    <div>
                                        <div class="odds-img"><img src="../../images/mobile/theme/odds.png" /></div>
                                        <div class="list3-intro">重庆直飞罗马4-30天往返含税机票(可配联运)</div>
                                        <div><span>已售<b>124</b>件</span><span class="list3Img-bot">￥<b>6099</b>起</span></div>
                                    </div>
                                    <div>
                                        <div class="odds-img"><img src="../../images/mobile/theme/odds.png" /></div>
                                        <div class="list3-intro">重庆直飞罗马4-30天往返含税机票(可配联运)</div>
                                        <div><span>已售<b>124</b>件</span><span class="list3Img-bot">￥<b>6099</b>起</span></div>
                                    </div>
                                    <div>
                                        <div class="odds-img"><img src="../../images/mobile/theme/odds.png" /></div>
                                        <div class="list3-intro">重庆直飞罗马4-30天往返含税机票(可配联运)</div>
                                        <div><span>已售<b>124</b>件</span><span class="list3Img-bot">￥<b>6099</b>起</span></div>
                                    </div>
                                    <div>
                                        <div class="odds-img"><img src="../../images/mobile/theme/odds.png" /></div>
                                        <div class="list3-intro">重庆直飞罗马4-30天往返含税机票(可配联运)</div>
                                        <div><span>已售<b>124</b>件</span><span class="list3Img-bot">￥<b>6099</b>起</span></div>
                                    </div>
                                    <div>
                                        <div class="odds-img"><img src="../../images/mobile/theme/odds.png" /></div>
                                        <div class="list3-intro">重庆直飞罗马4-30天往返含税机票(可配联运)</div>
                                        <div><span>已售<b>124</b>件</span><span class="list3Img-bot">￥<b>6099</b>起</span></div>
                                    </div>
                                    <div>
                                        <div class="odds-img"><img src="../../images/mobile/theme/odds.png" /></div>
                                        <div class="list3-intro">重庆直飞罗马4-30天往返含税机票(可配联运)</div>
                                        <div><span>已售<b>124</b>件</span><span class="list3Img-bot">￥<b>6099</b>起</span></div>
                                    </div>

                                </div>
                            </div>
                            <div class="clear-fix"></div>
                        </div>
                    </div>
                </div>
                <div class="clear-fix dfix"></div>
            </div>
        </div>
        <div class="bottom">立即订购</div>
    </div>

    <script>
        $(function () {
            tab();
            showMore();
            listAuto();
            share();
            calShow();
            goto();
        });
    </script>
</body>
</html>